<template>
  <div style="width: 100%;height: 100%;box-sizing: border-box;padding-left: 10px;">
      <el-form ref="form" :model="form" label-width="180px">

        <el-form-item label="是否下单后交易弹窗">
          <el-switch v-model="form.isTanc" active-value="1" inactive-value="2"></el-switch>
        </el-form-item>

        <el-form-item label="是否提示下单确认">
          <el-switch v-model="form.tishi" active-value="1" inactive-value="2"></el-switch>
        </el-form-item>

        <!-- <el-form-item label="默认下单面板">
           <el-checkbox-group v-model="form.checkedCities" >
            <el-checkbox v-for="city in cities" :label="city.city" :key="city.city">{{city.name}}</el-checkbox>
          </el-checkbox-group>
        </el-form-item> -->

        <el-form-item>
          <el-button type="primary" @click="onSubmit">确认</el-button>
        </el-form-item>
      </el-form>
  </div>
</template>

<script>
export default {
  data() {
    let _this = this
    return {
      form: {
        checkedCities: _this.$store.state.setting.checkedCities,
        isTanc: _this.$store.state.setting.isTanc,
        tishi: _this.$store.state.setting.tishi,
      },
      
      cities: [{name: '快手', city: 1},{name: '三键', city: 2},{name: '传统', city: 3}],
      param: {}, //信息
      btnlist: true, //防止多次点击
      status: true, //提交按钮显示
      statusinfo: null // 判断通过状态
    };
  },
  mounted() {
  },
  methods: {
    //认证
    onSubmit() {
      this.$store.commit('setSetting', this.form)
    },
  }
};
</script>

<style scoped lang="less"></style>
